<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <title>无标题文档</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/content.css" />
    <link rel="stylesheet" href="css/pages.css" />


</head>

<body>
    <div class="top clearfix"> <a href="" class="arrow"></a>
        <div class="title">订单详情</div>

    </div>
    <div class="service-book">
        <div class="list">
            <h2>订单信息</h2>
            <ul class="order-list">
                <li>
                    <span class="order-tip">订单日期：</span>
                    <span class="order-con">2019-01-02</span>
                </li>
                <li>
                    <span class="order-tip">订单编号：</span>
                    <span class="order-con">201901021866614</span>
                </li>
                <li>
                    <span class="order-tip">服务地区：</span>
                    <span class="order-con">北京</span>
                </li>
                <li>
                    <span class="order-tip">服务金额：</span>
                    <span class="order-con red">3200元</span>
                </li>
                <li>
                    <span class="order-tip">订单状态：</span>
                    <span class="order-con">全部确认</span>
                </li>
                <li>
                    <span class="order-tip">客户名称：</span>
                    <span class="order-con">妈妈昵称</span>
                </li>
                <li>
                    <a href="">
                        <span class="order-tip">服务需求：</span>

                        <strong class="arrow_right"></strong>
                    </a>
                    <div class="need-con">
                        <span>新生儿护理</span>

                    </div>
                </li>
            </ul>
        </div>

        <div class="list">
            <h2>服务信息</h2>
            <div class="matron se-service mar-btm">
                <div class="item clearfix">
                    <div class="pic fl"><img src="images/s2.jpg"></div>
                    <div class="info">
                        <div class="tit clearfix">
                            <span class="t-topic fl">催乳/通乳/回奶</span>
                            <span class="fre-num fl">10次</span>

                        </div>
                        <div class="price-item clearfix">
                            <span class="ex-price fl">专享价：<i class="red">¥3200</i></span>
                            <span class="ex-price fl">金额：<i class="red">¥3200</i></span>

                        </div>
                        <div class="se-info-num">×1</div>
                    </div>

                </div>
                <div class="item clearfix">
                    <div class="pic fl"><img src="images/s1.jpg"></div>
                    <div class="info">
                        <div class="tit clearfix">
                            <span class="t-topic fl">小儿推拿</span>
                            <span class="fre-num fl">5次</span>

                        </div>
                        <div class="price-item clearfix">
                            <span class="ex-price fl">专享价：<i class="red">¥3200</i></span>
                            <span class="ex-price fl">金额：<i class="red">¥3200</i></span>

                        </div>

                        <div class="se-info-num">×1</div>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <!--底部 -->
    <div class="foot">
        <ul class="clearfix">
            <li><a href="tel:400-822-5180"><b style="background-image:url(images/mouther_ge.png)"></b><span>010-83114408</span></a></li>

            <li class="weixin_btn" id="weixin_btn"><a href="javascript:;"><b style="background-image:url(images/mouther_ge1.png)"></b><span><i
                            class="weixin"></i> mmwymy</span></a></li>
            <li><a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.baby.beijing&g_f=991653"><b style="background-image:url(images/question-img.png)"></b><span>Q&A</span></a></li>

        </ul>
        <p>腾德万佳（北京）科技服务有限公司&copy;版权所有</p>
        <p><a href="http://www.miitbeian.gov.cn/" target="_blank" style="color:#7f7f7f;">京ICP备11044492号-2</a></p>
        <p>备案管理系统查询&nbsp;&nbsp;<a href="http://www.miitbeian.gov.cn/" target="_blank" style="color:#7f7f7f;">http://www.miitbeian.gov.cn/</a></p>


    </div>
    <div class="weixin_box"><img src="images/mouther_ge1.png"></div>
    <div class="mask"></div>
    <!--底部 -->
    <!-- 弹窗 -->
    <div class="mask"></div>
    <div class="book-popup">
        <h1>只有月嫂圈网的注册用户才能
            作为推荐人！</h1>
        <button>知道了</button>

    </div>
    <!-- 弹窗-end -->


</body>

</html>